<template>
  <div v-if="isShow" class="box">
  <div>loading ....</div>
  </div>
</template>

<script setup lang="ts">
const isShow=ref<boolean>(false)
const show=()=>{
  isShow.value=true;
}
const hide=()=>{
  isShow.value=false;
}
</script>

<style scoped >
.box {
  width: 100%;
  height: 100%;
  background: #000;
  color: #fff;
}
.box div
  {
    height: 200px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
  }
</style>

